<!doctype html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]>	  <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>		 <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>		 <html class="no-js lt-ie9"> <![endif]-->
<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<meta name="viewport" content="width=device-width">
	<title>主页</title>
	<meta name="robots" content="noindex, nofollow">
	<meta name="description" content="BootMetro : Simple and complete web UI framework to create web apps with Windows 8 Metro user interface." />
	<meta name="keywords" content="bootmetro, modern ui, modern-ui, metro, metroui, metro-ui, metro ui, windows 8, metro style, bootstrap, framework, web framework, css, html" />
	<meta name="author" content="AozoraLabs by Marcello Palmitessa"/>
	<include file="Public:link" />
	<script type="text/javascript">
		var _gaq = _gaq || [];
		_gaq.push(['_setAccount', 'UA-3182578-6']);
		_gaq.push(['_trackPageview']);
		(function() {
			var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
			ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
			var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
		})();
	</script>
</head>

<body>
	<!--[if lt IE 7]>
	<p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
	<![endif]-->
	<header id="nav-bar" class="container-fluid">
	  <div class="row-fluid">
		<div class="span8">
			<div id="header-container">
				<a id="backbutton" class="win-backbutton" href="./index.html"></a>
				<h5>网站标题</h5>
				<div class="dropdown">
					<a class="header-dropdown dropdown-toggle accent-color" data-toggle="dropdown" href="#">
						开始
						<b class="caret"></b>
					</a>
					<include file="Public:dropdown_menu" />
				</div>
			</div>
		</div>
	<include file="Public:pull_right" />
	</div>
	</header>
	<div class="container-fluid">
	  <div class="row-fluid">
		 <div class="metro span12">
            <h6>This page show a full Application Bar stacked on the bottom of the page with plenty of commands.</h6>
            <br />
   
            <form class="">
               <label for="appbar-theme-select">Change ApplicationBar theme:</label>
               <select id="appbar-theme-select" class="">
                  <option value="win-ui-light">Light</option>
                  <option value="win-ui-dark">Dark</option>
               </select>
            </form>
   
            <div class="">
               <h3>Commands Icons</h3>
               <p>Commands markup can be made with <code>&lt;a&gt;</code> element or a <code>&lt;button&gt;</code>.</p>
               <p>To show an icon you should use the glyph code that you find in the <a href="./icons.html">Icons</a> page.</p>
            </div>
   <pre class="prettyprint linenums">
   &lt;button class="win-command"&gt;
      &lt;span class="win-commandimage win-commandring"&gt;&#x0021;&lt;/span&gt;
      &lt;span class="win-label"&gt;Home&lt;/span&gt;
   &lt;/button&gt;
   </pre>
		 </div>
	  </div>
	</div>
	<include file="Public:charms" />
</body>
</html>
